<!doctype html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
	<meta name="renderer" content="webkit">
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/mescroll.css">
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="web-container">
	<div class="header">
		<a href="javascript:history.back()" class="back"><img src="img/public/back.png" alt=""></a>
		<h1 class="logo">黑光装修实景平台</h1></div>
	<div class="main">
		<!--相册列表-->
		<div class="section">
			<div id="dataList" class="album-list"></div>
		</div>
	</div>
</div>
<script src="js/lib/jquery.js"></script>
<script src="js/lib/mescroll.js"></script>
<script src="js/main.js"></script>
<script>
	var page = 0; //mescroll会自动配置page.num
	var pageUrl = 'callback.php?page=';
	var isLoading = false;	//正在加载中
	var isHaveNot = false; //是否已经加载完毕
	//滚动代码
	var mescroll = new MeScroll("body", {
		up: {
			callback: upCallback,
			page: {
				num: 0,
				size: 4
			},
			empty: {
				warpId:	"dataList",
				icon: "img/public/mescroll-empty.png",
				tip: "暂无相关数据~",
				btntext: "返回首页 >",
				btnClick: function () {
					alert("点击了按钮,具体逻辑自行实现");
				}
			},
			loadFull: {
				use: true,
				delay: 500
			},
			toTop: {
				src: "img/public/mescroll-totop.png",
				//html: null,
				//offset : 1000
			},
			lazyLoad: {
				use: true
			}
		},
		down: {
			use: false,
		}
	});
	function upCallback(e) {
		console.log(e);
		jQuery('.album-list').ajaxInfo({
			url: pageUrl + e.num,
			cb: mescroll,
			sucess: function (data, cb) {
				jQuery('.album-list').albumCallBack(data, cb);
			}
		})
	}
	console.log(mescroll);
</script>
</body>
</html>
